<template>
  <div id="app">
    app根主键
    <solrCom :text="''">
      <template #left="obj">
        <h4 class="avtive">我是左边的插槽</h4>
        {{ obj.con }}
        {{ obj.id }}
        {{ obj.hoppy }}
      </template>
      <!--作用域插槽接收传值的三种方式-->
      <!-- <template #rigth="obj1">
        <h4>我是右边的插槽</h4>
        {{ obj1.arr }}
      </template> -->

      <!-- <template v-slot:right="obj2">
        <h4>我是右边的插槽</h4>
        {{ obj2.arr }}
      </template> -->

      <template slot="right" slot-scope="obj2">
        <h4>我是右边的插槽</h4>
        {{ obj2.arr }}
      </template>
    </solrCom>
  </div>
</template>
<script>
import solrCom from './slot/slotCom.vue'
export default {
  name: '',
  components: { solrCom },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
#app .avtive {
  color: pink;
}
</style>
